div.scrollable{
  overflow: scroll;
}


.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 9999 !important; }

select {
	    -moz-border-radius: 4px;
	    -moz-box-shadow: 1px 1px 5px #cfcfcf inset;
	    border: 1px solid #cfcfcf;
	    vertical-align: middle;
	    background-color: transparent;
}

option {
	    background-color: #fef5e6;
	    border-bottom: 1px solid #ebdac0;
	    border-right: 1px solid #d6bb86;
	    border-left: 1px solid #d6bb86;
}

option:hover {
	    cursor: pointer;
}

.normalText{
	font-size: 0.9em;	
}

.footerText{
	font-size: 0.6em;
	font-family: Verdana;
}

.shortest[type="text"]
{
	 color: grey; 
	/*background: #fee3ad;
	border: 1px solid #781351;*/
	width: 80px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}


.currency[type="text"]
{
	 color: grey; 
	/*background: #fee3ad;
	border: 1px solid #781351;*/
	width: 80px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.textInput[type="text"]
{
	 color: grey; 
	/*background: #fee3ad;
	border: 1px solid #781351;*/
	width: 180px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.textInput[type="password"]
{
	 color: grey; 
	/*background: #fee3ad;
	border: 1px solid #781351;*/
	width: 180px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.longTextInput[type="text"]
{
	 color: grey; 
	/*background: #fee3ad;
	border: 1px solid #781351;*/
	width: 280px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

body {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #E6EAE9;
}

a {
	color: #c75f3e;
}

#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #4f6b72;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

td.total {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #F5FAFA;
	padding: 3px 3px 3px 6px;
	color: #797268;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

td.mainTotal {
	color: grey;
	font: bold 12px Verdana, sans-serif;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

td.unreconciled {
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

h1{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}